/* 
    Project     : 48c6c450f1a4a0cc53d9585dc0fee742
    Created on  : Mar 16, 2013, 11:29:15 PM
    Author      : Truong Khuong - khuongxuantruong@gmail.com
    Description :
        Purpose of the stylesheet follows.
*/
body{background: url('../images/bg/body.png');}
html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl,
dt, dd, ol, ul, li, table, form, object, embed,
article, aside, canvas, command, details, fieldset,
figcaption, figure, footer, group, header, hgroup, legend,
mark, menu, meter, nav, output, progress, section, summary,
time, audio, video {
    margin: 0;padding: 0;border: 0;
}
.input,input{padding: 0;margin: 0;border: 1px solid #ccc;outline: none;font-family:inherit;font-size:inherit;}
.input,input[type='text'],input[type='password'],input[type='number'],input[type='search']{
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;*/
    font-family: inherit;
    font-size: 11px;
    /*padding: 2px 4px 2px 4px;*/
}
form input{
    height: 24px;
    /*padding: 1px 4px 2px 4px;*/
}
textarea.input{padding: 3px 8px 2px 8px;resize: vertical}
.erb,.input[wd='error'],input[wd='error'],[wd='error']{border-color: #dd4b39}
.erc{color: #dd4b39}
.ersd{
    -webkit-box-shadow: 0 0px 4px rgba(221,75,57,0.9);
    -moz-box-shadow: 0 0px 4px rgba(221,75,57,0.3);
    box-shadow: 0 0px 4px rgba(221,75,57,0.9);
}

input:hover,input:focus{}
.wi{width: 100%;}
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
/*    -moz-appearance: none;*/
    appearance: none;
    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
/*    border: 1px solid #dcdcdc;*/
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
input[type=checkbox]:active,
input[type=radio]:active {
    border-color: #c6c6c6;
    background: #ebebeb;
}
input[type=checkbox]:hover {
/*    border-color: #c6c6c6;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
input[type=radio] {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    width: 15px;
    height: 15px;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #fff;
}
input[type=radio]:checked::after {
    content: '';
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    background: #666;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
input[type=checkbox]:focus {
  outline: none;
  border-color:#4d90fe;
  }
input[type=checkbox]:checked::after {
    content: url('http://ssl.gstatic.com/ui/v1/menu/checkmark.png');
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
}
.b-t-c{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    color: #444;
    border: 1px solid #d3d3d3;
/*    border: 1px solid rgba(0,0,0,0.1);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    min-width: 52px;
    outline: 0;
    padding: 0 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
button.b-t-c,input.b-t-c{padding: 0 16px;height: 26px;line-height: 24px;}
.b-t-c:hover{
    border: 1px solid #A8D4FF;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.b-t-c:active{
    top:1px;
}
.g-d-w{
    background: #e8e8e8;
    background: -moz-linear-gradient(top,white 0%,#EFEFEF 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top,white 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top,white 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top,white 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#efefef',GradientType=0 );
    background: linear-gradient(to bottom,white 0%,#EFEFEF 100%);
}
.g-d-w-u{
    background: #e8e8e8;
    background: -moz-linear-gradient(top,#EFEFEF 0%,#ffffff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EFEFEF),color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,#EFEFEF 0%,#ffffff 100%);
    background: -o-linear-gradient(top,#EFEFEF 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,#EFEFEF 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF',endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(to bottom,#EFEFEF 0%,#ffffff 100%);
}
.g-d-g{
    background: #e8e8e8;
    background: -moz-linear-gradient(top,#f1f1f1 0%,#ccc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f1f1f1),color-stop(100%,#ccc));
    background: -webkit-linear-gradient(top,#f1f1f1 0%,#ccc 100%);
    background: -o-linear-gradient(top,#f1f1f1 0%,#ccc 100%);
    background: -ms-linear-gradient(top,#f1f1f1 0%,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1',endColorstr='#ccc',GradientType=0 );
    background: linear-gradient(to bottom,#f1f1f1 0%,#ccc 100%);
}
.g-d-{
    
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
    background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
    background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
    background: -webkit-linear-gradient(top,#FAFAFA 0%,#DADADA 100%);
    background: -ms-linear-gradient(top,#FAFAFA 0%,#DADADA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA',endColorstr='#DADADA',GradientType=0 );
    background: linear-gradient(to bottom,#FAFAFA 0%,#DADADA 100%);
}
.g-d-i{
    background: url('../images/bg/wbg.gif') repeat-x;
}
.crile-42{
    width: 42px;height: 42px;
    background: no-repeat url('../images/gol/social.png') -56px -152px;
}
.crile-42:hover>div{
	opacity: 1;
}
.yfm,.lev,.jtl,.e3c,.sol,.lnk,.lik,.sdn{
    background: no-repeat url('../images/gol/social2.png') 0 0;
    height: 24px;
    margin: 9px auto;
    width: 24px;
    opacity: .6;
/*    filter: alpha(opacity = 60);*/
}
.lev{background-position: 0 0;}
.lik{background-position: -9px -50px}
.e3c{background-position: -9px -96px}
.lnk{background-position: -9px -121px}
.yfm{background-position: -9px -146px;}
.sol{background-position: -9px -171px}
.jtl{background-position: -9px -350px}
.sdn{background-position: 0px -372px}
.a:hover,a:hover{text-decoration: underline;cursor: pointer;color: #35adce}
.a.t-d-n:hover,a.t-d-n:hover{text-decoration: none;cursor: pointer;color: #35adce}
select{
/*    line-height: 20px;*/
    padding: 2px 2px 2px 4px;
    height: 24px;
    border: 1px solid #ccc;
    font-size: inherit;font-family: inherit;
    outline: none;
}
select:hover{
    border: 1px solid #A8D4FF;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
select:focus{
    border: 1px solid #4d90fe;
}
tt {
    font-family: inherit;
    padding: 0px 2px 1px 2px;
    background: #A8D4FF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
input.fill-input{
	
	padding-left:4px;padding-right:4px;
	height:auto;
	position:absolute;
	border-width:0;top:0px;left:0px;bottom:0px;right:0px;
}
input.fill-input:hover{
	border-width:1px;top:-1px;left:-1px;bottom:-1px;right:-1px;
}
input.fill-input:focus{
	border-width:1px;top:-1px;left:-1px;bottom:-1px;right:-1px;
}
td input.fill-input{
	
}
td input.fill-input:focus,td:hover input.fill-input{
	display:block;
}
.a--1{
	position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;
}
.add {background: url('../images/16/add_1.png') no-repeat center left;}
.delete {background: url('../images/16/delete.png') no-repeat center left;}
.edit {background: url('../images/16/icon_edit.png') no-repeat center left;}
.setting {background: url('../images/16/option.gif') no-repeat center left;}
.search {background: url('../images/16/toolbar_find.png') no-repeat center left;}
.detail {background: url('../images/16/text_list_bullets.png') no-repeat center left;}
.refresh {background: url('../images/16/view_refresh.png') no-repeat center left;}
.help {background: url('../images/16/gnome_help_faq.png') no-repeat center left;}
.show {background: url('../images/16/stock_show_controls.png') no-repeat center left;}
.show.hide {background: url('../images/16/stock_hidden_controls.png') no-repeat center left;}
.restore {background: url('../images/16/restore.png') no-repeat center left;}
.private{background: url('../images/16/lock_red.png') no-repeat center left;}
.public{background: url('../images/16/unlock_green.png') no-repeat center left;}
.back{background: url('../images/16/sprite_black.png') no-repeat center left;}
.save{background: url('../images/16/save.png') no-repeat center left;}
.btnseparator {
    float: left;
    height: 22px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid white;
    margin: 1px;
}
.events{
    padding: 1px;float: left;
    display: block;
    cursor: pointer;
}
.events.f-r{float: right}
.events:hover{
    padding: 0px;
    border: 1px solid #ebebeb;
}
.events div{
    float: left;
    padding: 1px 3px;
}
.events:hover div{
    padding: 0px 3px 1px 2px;
    border-left: 1px solid white;
    border-top: 1px solid white;

}
.events span{
    float: left;
    display: block;
    padding: 3px;
    padding-left: 20px;
    font-family: tahoma;font-size: 11px
}
.events:hover span{

}
table tr .s-w-h{display: none;}
table tr:hover .s-w-h{display: block;opacity: .6;}
table tr:hover .s-w-h:hover{opacity: 1;}
.more{background: url('../images/16/arrow_2_dots.png')}

/*.ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-active{background: url('../images/bg/body.png')}
.ui-tabs .ui-tabs-panel.ui-widget-content,.ui-tabs.ui-widget-content{background: none;}*/
#backend_menu{border-bottom: 1px solid #dd4b39;height: 32px;display: block;z-index: 1002;position: relative;}
#backend_menu ul{list-style: none;display: block;float: left;padding-left: 32px;margin: 0;}
#backend_menu ul li,#backend_menu ul:hover li.active{list-style: none;float: left;padding: 0 12px;margin: 0;border-bottom: none;border-bottom: 4px solid transparent;position: relative;transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
#backend_menu ul li:hover,#backend_menu ul li.active,#backend_menu ul:hover li.active:hover{border-bottom: 4px solid #dd4b39}
#backend_menu ul li a,#backend_menu ul li span{display: block;line-height: 30px;text-decoration: none;height: 28px;}
#backend_menu ul li:hover a,#backend_menu ul li:hover span{color: #dd4b39}
#backend_menu ul li.active a,#backend_menu ul li.active span{font-weight: bold;color: #dd4b39}

#backend_menu ul li ul{margin: 0;padding: 0;position: absolute;top: 32px;left: -1px;min-width: 160px;z-index: 100;display: none;padding-top: 1px;}
#backend_menu ul li:hover ul{display: block}
#backend_menu ul li ul li,#backend_menu ul:hover li.active ul li{float: none;display: block;border-bottom: none;height: 26px;background: url('../images/menu/sectab_bg_right.png') no-repeat right top;padding: 0;transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
#backend_menu ul li ul li:hover,#backend_menu ul li ul li:hover,#backend_menu ul:hover li ul li.active:hover,#backend_menu ul:hover li:hover ul li:hover{border-bottom: none;height: 26px;background:url('../images/menu/sectab_bg_right_sel.png') no-repeat right top;}
#backend_menu ul:hover li ul li a,#backend_menu ul li.active ul li a,#backend_menu ul li ul li a{font-weight: normal;color: #666;line-height: 24px;background: url('../images/menu/sectab_bg_left.png') no-repeat left top;margin-left: -6px;padding-left: 31px;padding-right: 31px}
#backend_menu ul:hover li ul li:hover a,#backend_menu ul li.active ul li:hover a,#backend_menu ul li ul li:hover a{color:#dd4b39}
#backend_menu ul li ul li.last,#backend_menu ul:hover li ul li.last,#backend_menu ul:hover li ul li.last:hover,#backend_menu ul li ul li.last:hover{background: url('../images/menu/sectab_bg_right_last.png') no-repeat right top;}
#backend_menu ul li ul li.last span{background: url('../images/menu/sectab_bg_left_last.png') no-repeat left top;height: 11px;}
#backend_menu ul.f-r{float: right; padding-right: 20px}
#backend_menu ul.f-r li ul{left: auto; right: -10px}
#integration_asynchronous{position:absolute;width:	0;height:	0;border: none;padding: 0;margin: 0;}
#backendload{background: url('../images/loading.gif') no-repeat center bottom;width: 60px;height: 22px;position: fixed;top: 20px;left: 50%;margin-left: -22px;text-align: center;border: 1px solid #dd4b39;background-color: #fff;z-index: 999;display: none;z-index: 10001}
/*#backendload{background: url('../images/ajaxload/loading.gif') no-repeat center ;width: 112px;height: 24px;position: fixed;top: 20px;left: 50%;margin-left: -56px;text-align: center;border: 1px solid #dd4b39;background-color: #fff;z-index: 999;display: none}*/
#backend_menu #nav_menu{display: none}
#backend_menu:hover #nav_menu{display: block}